.box1{
    width: 1920px;
    height: 952px;
    /* background-color: rgb(0, 174, 255); */
    border:scroll ;
   background-image:url(./img/kj.jpg)
}
.title1{
    width: 100%;
    color: white;
    font-size: 60px;
    font-weight: bold;
    display: inline-block;
    margin: 100px auto;
    padding-left: 400px;
    
}
#title2{
    color:white ;
    font-size: 40px;
    margin: 50px auto;
    display: inline-block;
    padding-left: 400px;
}
.dd{
    color: white;
    padding-left: 50px;
    display: inline-block;
    margin: 50px auto;
}
.yun{
    color:white;
    background-color:blue;
    font-size: 20px;
    display: inline-block;
    margin: 100px auto;
   margin-top: 20px;
 
}

.box2{
    width: 1920px;
    height: 952px;
    background-color: white;
    border: 30px solid white ;
}
.title3{
    color:blue;
    font-size: 20px;
    display: inline-block;
    margin: 100px auto;
}
.blue{
    color: blue;
}
.box{
    width:100px;
    height: 100px;
    background: blue;
    padding-left: 40px;
    display: inline-block;
    border-radius:40px ;  
    font-size: 15px;
    color:white;
   

}
.font_bk{
    width:200px;
    height: 200px;
    display: inline-block;
    font-size: 15px;
    background-color: white;
    border:3px solid rgb(13, 173, 236);
    padding-left: 40px;
    margin-top: 100px;
    margin-left: 80px;
    
}
.img1{
display: inline-block;
 width: 500px;
margin-top: -400px;
padding-left: 400px;
}
/* .img3{
    padding-left: 900px;
    width: 500px;
   opacity: 0.3;
   filter: alpha(opacity=10);
   -moz-opacity:0.1;
   z-index: 1;
  

} */
.box3{
    width: 1920px;
    height: 952px;
    background-color: white;
    border: 30px solid white ;
}
.title4{
    color:blue;
    font-size: 20px;
    display: inline-block;
    margin: 100px auto;
}
.img2{
    width:50px;
}
.box4{
    width: 1920px;
    height: 952px;
    background-color: white;
    border: 30px solid white ;
}


.boxF, .boxS, .boxT{
    width:120px;
    height: 160px;
    overflow: hidden;
    position: relative;
}
.boxT{
    position: relative;
}
.boxT p{

position:absolute;
color:red;
top:0;
left: 0;
font-weight: bold;
font-size: 1em;
padding: 40px;
}
.boxT background-image{
    width: 100%;
}

.boxF, .boxS
{
    visibility: hidden;
}
.boxF
{
    transform: rotate(120deg);
    float: left;
    margin-left: 10px;
    -ms-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
}
.boxS
{
    transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}
.boxT
{
    transform: rotate(-60deg);
    background: no-repeat 50% center;
    background-size: 180% auto;
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    visibility: visible;
}

.li{
    font-weight: bold;
}

.hover
{
    background-color: rgba(0,0,0,0.6);
}
.boxT:hover 
{
    display: block;
}
.title5{

     color:blue;
    font-size: 20px;
    display: inline-block;
    margin: 100px auto;
   margin-top: 20px;
 
}
.b5{
 width: 1900px;
 height: 200px;
 background-color: rgba(15, 222, 236, 0.11);
 margin-top: -800px;
}
.box5{
     padding-top: 4px;
    width: 1920px;
    height:700px;
    background-color: white;
    border:scroll ;
}
.bor{
    color:blue;
    background-color:white;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    margin: 90px auto;
   border:2px dashed blue;
   height: 35px;
   border-radius:10px ;
 } 
   /* span
   {display:block}
*/
.yun-txt {
    width: 1900px;
 height: 300px;
 background-color: rgba(15, 222, 236, 0.11);
 /* margin-top: -800px; */
}
.yun-txt2{
    margin: 100px auto;
}
.box6{
    width: 1920px;
    height:500px;
    background-color: white;
    border:scroll ;
}
.bor2{
    color:blue;
    background-color:white;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    margin: 90px auto;
   border:2px dashed blue;
   height: 35px;
   border-radius:10px ;
   margin-left: 1000px;
 } 
 .m-l{
    margin-left: 1000px;
    width: 100%;
 }
 .m-2{
     width: 100%;
     margin-top: -100px;
 }
 .divBackground
 {
    display: inline-block;

margin-top: -150px;
 margin-left: -1300px;

 z-index:-1;}

 .divBackground2
 {
    display: inline-block;
margin-top: -200px;
 margin-left: 1000px;

 }
 .divBackground3{
    display: inline-block;
margin-top: -100px;
 margin-left: 1000px;
 }
 .text-blue{
    text-align:center;
       color: blue;
       font-size: 20px;
       font-weight:bold
     
       
 }
 .box-end{
    width: 1900px;
 height: 500px;
 background-color: rgba(15, 222, 236, 0.11);
 }
 .text-bl{
    padding-left: 50px;
    display: inline-block;
    margin: 50px auto;
        color: blue;
       font-size: 20px;
       font-weight:bold
         }
         .texr-end{
    display: inline-block;
    margin-left: 1000px;
   padding-top: 180px;
         }
        .tel{
            font-size: 20px;
            font-weight:bold
        }
        .text-til{
          
       color: blue;
       font-size: 20px;
       font-weight:bold
        }
        .ring{
            width:100px;
             height:100px; 
             border-radius:100%; 
             overflow:hidden;
             padding-left: 20px;
        }